<!doctype html>
<html lang="en">	
	<head>
		<meta charset="UTF-8">
		<meta name="Generator" content="EditPlus®">
		<meta name="Author" content="">
		<meta name="Keywords" content="">
		<meta name="Description" content="">
		<title>04-样式初始化+display-02</title>
		<style>
			*{margin:0;padding:0;}
			a{text-decoration:none;}
			ul,li{list-style:none;}
			body{font-size:12px;font-family:"微软雅黑";background-color:#e6bfbf;}
			#box{width:300px;height:430px;background-color:#fff;margin:30px auto;}
			#div1{width:300px;height:40px;background-color:#234523;}
			#div1 span{padding:10px;font-size:14px;line-height:14px;}
			#uldiv{width:300px;height:40px;background:red;}
			#box #ulbox li{display:inline-block;margin:10px;}
			#ulbox2{margin:8px;}
			#ulbox2 .libox{margin:10px;}
		</style>
	</head>
	<body>
		
		<div id="box">
			<div id="uldiv">
				<ul id="ulbox">
					<li>鲜城</li>
					<li>美食</li>
					<li>休闲</li>
				</ul>
			</div>
			<ul id="ulbox2">
				<li><img src="../images/food.png" width="280" height="280" alt="cd"/></li>
				<li class="libox">美食| 藤椒油红油烫出火辣成都味 橘洲美妙空间</li>
				<li class="libox">美食| 人气卤味店的秘制羊肉火锅 涮串铁板烧</li>
				<li class="libox">休闲| 冲上云霄品世界各地美酒 吃吃喝喝</li>
			</ul>
		</div>
		<script src="../js/jquery-1.12.2.min.js""></script>
		<script src="../js/dom.js"></script>
		<script type="text/javascript">
			


		</script>	
		
		
	</body>
</html>
